﻿<HTML>
<HEAD>
	<TITLE>オンライン会議室予約システムにログイン</TITLE>
	<meta http-equiv="Content-Type" content="text/html" charset="utf-8">
    <?php include_once 'lib/style.php'; ?>
</HEAD>
<BODY class="login_bg1">
	<form id="lgform" method="POST" action="index.php">
    <div id="loginDivForm" style="padding-top:10%">
    	<table class="ctable login_table" align="center" style="border:1px solid #a6c9e2;" width="40%"><tr>
            <td align="center" style="padding-top:5px;padding-bottom:5px"><p class="ctable_name"><font color="red"><strong>オンライン会議室予約システムのログインフォーム</strong></font></p></td>
            </tr>
            <tr><td>
        <table class="ctable" width="100%" align="center" style="border:1px solid #a6c9e2;"><tr><td>
        	<table width="100%" border="0" cellspacing=0 style="padding-top:10px;font-size: 13px;">
            <tr>
                <td width="30%" style="padding-left:50px;" align="center">ユーザ</td>
                <td width="45%"><INPUT id="username" style="width:80%" name="username" class="cinput"/></td>
                <td width=25% rowspan="2"> <img id="loading" src="lib/images/bar-circle.gif" border="0"><img src="lib/images/login.jpg" width="70"></td>
            </tr>
            <tr>
                <td style="padding-left: 50px" align="center">パスワード</td>	
                <td><INPUT  id="password" type="password" name="password"  style="width:80%" class="cinput"/></td>
            </tr>
            <tr height="10px"><td></td><td></td></tr>
            <tr>
                <td colspan="3" align="center"><input name="btnLogin" id="btnLogin" style="width:25%" value="ログイン" type="button" class="gra_button green" onClick="submit_form()">&nbsp;&nbsp;&nbsp;
                  <input name="btnReset" id="btnReset" style="width:25%" value="すべて消す" type="button" class="gra_button green" onClick="reset_form()"></td>
            </tr>
            <tr><td colspan=3 id="inform" align="center"></td></tr>
            
            
        </table>
        <table class="ctable login_table" align="center" style="border:1px solid #a6c9e2;margin-top:10px" width="40%">
        <tr>
              <td colspan="3" style="padding-top:5px; text-align:center;line-height:20px;">
                指導先生氏名: 権代先生<br/>
				開発チーム : Team 3 - HEDSPI <br/></td>
            </tr>
           </table>
        </td></tr>
		</table>
        
	</div>
</form>
<script type="text/javascript">
	$(document).ready(function(){
		$('#loading').hide();
		$("#password").keypress(function (e){
		  	var keycode;
			if (window.event) keycode = window.event.keyCode;
			else if (e) keycode = e.which;
			else return true;
			if (keycode == 13){submit_form();return false;}else{return true;}
		});
	});
	function reset_form(){
	   $("#username").val('');
       $("#password").val('');
	   $("#inform").html("");
	   $('#loading').hide(); 
	}
	function submit_form(){
		var pathString = 'username='+$("#username").val()+'&password='+$("#password").val();
		//alert(pathString);
        var def = 'index.php';
		$('#loading').show();
		$.ajax({
  			type:"POST",
  			url: "data/CheckLogin.php",
  			data: pathString,
			success: function(data) {
			if(data=='0'){
				$("#inform").html("<font color='#F00'>ユーザ名またはパスワードが正しくありません、もう一度お願いします。</font>");
			}
			else if(data==1){
				$('#inform').html("<font color='green'>ログインは成功です, 待ちたくない場合 </font><a href=\""+def+"\" style=\"text-decoration:underline\"><font color='#F00'>ここ</font></a><font color='green'>をクリックしてください</font>","90%"); 
	  				setTimeout(function(){document.location.href=def;},2000);
			}
			else {
				$("#inform").html("<font color='#F00'>予想でないエラーは起こった、もう一度お願いいたします。</font>"+data);	
			}
			$('#loading').hide();
			}
		});
	}
</SCRIPT>

</BODY></HTML>
